<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:jsf="http://xmlns.jcp.org/jsf"
      xmlns:h="http://xmlns.jcp.org/jsf/html">
    <head jsf:id="head">     
        <title>Contacts</title>
        <link href="css/meteocal.css" rel="stylesheet" type="text/css"/>
    </head>
   <body class="noFrame">      
        <!--Element of the first line on the top bar-->
        <div id="topHeader">
               
            <img src="Images/meteocalsnow.png" id="logo" name="meteocalLogo" title="meteocallogo"/>

            <div class="loginForm"> 
                <span>Username</span>
                <span id="passwordLabel">Password</span>

                <h:form> 
                    <p:inputText id="username" value="#{loginBean.username}" required="true"/>
                    <p:password  id="password" value="#{loginBean.password}" required="true"/>
                    <p:commandButton value="Login" action="#{loginBean.login()}"    />
                    
                    <p:dialog header="Error" widgetVar="loginFailed" minHeight="40" resizable="false" >
                        <h:outputText value="Login failed: username or passoword not recognized." />
                    </p:dialog>
                </h:form>
            </div>
        </div>

        <div id="LeftHeader">
            <ul class="buttonList">
                <li><p:button class="leftBarButton" value="Home" outcome="index"/></li>
                <li><p:button class="leftBarButton" value="Register" outcome="register"/></li>
                <li><p:button class="leftBarButton" value="Contacts" outcome="contacts"/></li>
                <li><p:button class="leftBarButton" value="AboutUs" outcome="aboutUs"/></li>
            </ul>
        </div>
        
        <div class="guestFrame">
            If you need some help or if you want to advise us for everything, you can contact us at <b>meteocalsa@gmail.com</b>.<br/>
            Thanks for your support.
        </div>
    </body>
</html>

